import Vue from 'vue'

const component = {
  template: `
  <div><input type="text" v-model.number="text"></div>
  `,
  mounted () {
    console.log('componet1', this.active)
  },
  data () {
    return {
      text: 0
    }
  },
  props: {
    active: Boolean,
    propOne: String
  }
}

const component2 = {
  extends: component,

  // template: `<div>123123</div>`,
  data () {
    return {
      text1: 123
    }
  },
  mounted () {
    console.log('comp2', this.text1, this.text, this.propOne)
  }
}

const CompVue = Vue.extend(component)

new CompVue({
  propsData: {
    active: true
  },
  el: "#app",
  // template: `<div></div>`
})

// const first = new Vue({
//   name: 'first',
//   data () {
//     return {
//       text: 123123
//     }
//   },
//   template: `<div>123123</div>`
//
// })
//
// new Vue({
//   parent: first,
//   el: "#app",
//   components: {
//     component2
//   },
//   template: `<div><component2 propOne="123123"></component2></div>`,
//   mounted () {
//     console.log("vue", this.$parent.$data)
//   }
// })
